<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>维权申请</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #eaf7e4; /* 浅绿色背景 */
            color: #333; /* 深灰色文字 */
            margin: 0;
            padding: 0;
        }

        header {
            background-color: #4caf50; /* 深绿色头部背景 */
            color: #fff; /* 白色文字 */
            text-align: center;
            padding: 1em;
        }

        section {
            margin: 20px;
        }

        .application-form {
            background-color: #dff0d8; /* 淡绿色申请表单容器背景 */
            padding: 20px;
            border-radius: 10px;
        }

        label {
            display: block;
            margin-bottom: 10px;
        }

        input,
        textarea {
            width: 100%;
            padding: 8px;
            margin-bottom: 15px;
            box-sizing: border-box;
        }

        button {
            background-color: #4caf50; /* 深绿色按钮背景 */
            color: #fff; /* 白色文字 */
            padding: 10px 15px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        footer {
            background-color: #4caf50; /* 深绿色底部背景 */
            color: #fff; /* 白色文字 */
            text-align: center;
            padding: 1em;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>

<body>
    <header>
        <h1>维权申请</h1>
    </header>

    <section>
    <form action="fromservlet" method="post" >
        <div class="application-form">
            <label for="issueType">问题类型：</label>
            <select id="issueType" name="issueType" >
                <option value="complaint">投诉</option>
                <option value="return">退货</option>
                <option value="repair">维修</option>
            </select>

            <label for="description">问题描述：</label>
            <textarea id="description" name="description" rows="4" cols="50"></textarea>

            <label for="evidence">相关证据（上传图片）：</label>
            <input type="file" id="evidence" name="evidence" accept="image/*">

            <button onclick="submitApplication()">提交申请</button>
        </div>
        </form>
    </section>



 
</body>

</html>